<!DOCTYPE HTML>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<link rel="stylesheet" href="../css/currency/bootstrap.css" />
	<link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />
	<link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
	<link href="../css/style.css" rel="stylesheet" type="text/css" />
	<link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="../css/recipe.css" />	
	<title>广告播放报表</title>
	</head>

	<body>
	<nav class="breadcrumb" style="margin-bottom:0px"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 终端广告 <span class="c-gray en">&gt;</span>广告播放报表列表
		<a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
    <div class="pd-20" id="advPlay">
        <div id="advPlayList" style="text-align: left">
            <form search-form>
                <!-- TODO 根据业务需要修改搜索内容-->
				<span><b>统计纬度：</b></span>
				<span class="select-box" style="width:110px;">
                    <select id="wd1" class="select" v-model="wd1" @change="checkWd1()">
                        <option value="">-请选择纬度-</option>
						<option v-for="p in wds" :value="p">{{p.name}}</option>
                    </select>
                </span>
				<span class="select-box" style="width:110px;">
                    <select id="wd2" class="select" v-model="wd2" @change="checkWd2()">
                        <option value="">-请选择纬度-</option>
						<option v-for="p in wds" :value="p">{{p.name}}</option>
                    </select>
                </span>
				<span class="select-box" style="width:110px;">
                    <select id="wd3" class="select" v-model="wd3" @change="checkWd3()">
                        <option value="">-请选择纬度-</option>
						<option v-for="p in wds" :value="p">{{p.name}}</option>
                    </select>
                </span>
				<span class="select-box" style="width:110px;">
                    <select id="wd4" class="select" v-model="wd4" @change="checkWd4()">
                        <option value="">-请选择纬度-</option>
						<option v-for="p in wds" :value="p">{{p.name}}</option>
                    </select>
                </span>
				<span class="select-box" style="width:110px;">
                    <select id="wd5" class="select" v-model="wd5" @change="checkWd5()">
                        <option value="">-请选择纬度-</option>
						<option v-for="p in wds" :value="p">{{p.name}}</option>
                    </select>
                </span>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


				<span><b>统计条件：</b></span>

				<span class="select-box" style="width:120px;">
                    <select id="province" class="select" v-model="province" @change="setCitys">
                        <option value="">-请选择省份-</option>
						<option v-for="p in provinces" :value="p">{{p.name}}</option>
                    </select>
                </span>

				<span class="select-box" style="width:110px;">
                    <select id="city" class="select" v-model="city" @change="setAreas">
                        <option value="">-请选择市-</option>
						<option v-for="p in citys" :value="p">{{p.name}}</option>
                    </select>
                </span>

				<span class="select-box" style="width:130px;">
                    <select id="area" class="select" v-model="area">
                        <option value="">-请选择区/县-</option>
						<option v-for="p in areas" :value="p">{{p.name}}</option>
                    </select>
                </span>
				<br>
				<br>
				<!--<span>-->
					<!--年龄：-->
					<!--<input type="text" size="3" style="width:50px;" class="input-text" name="minAge" v-model="condition.minAge">- -->
					<!--<input type="text" size="3" style="width:50px;" class="input-text" name="maxAge" v-model="condition.maxAge">-->
				<!--</span>-->
				<span>
					<input type="text" v-model="condition.startDate" id="startDate-d" name="startDate"
						   @focus="changeTime('startDate-d')"
						   onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
						   class="input-text Wdate" style="width:150px;" placeholder="播放时间开始">-
					<input type="text" v-model="condition.overDate" id="overDate-d" name="overDate"
						   @focus="changeTime('overDate-d')"
						   onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
						   class="input-text Wdate" style="width:150px;" placeholder="播放时间结束">
				</span>
				<span>
					设备编号：
					<input type="text" style="width:150px;" class="input-text" name="equipmentCode" v-model="condition.equipmentCode">
					<input id="hiddenText" type="text" style="display:none" class="input-text">
				</span>

				&nbsp;&nbsp;

                <div id="selectBtnEnter" class="btn btn-primary" v-on:click="getList('search')">查询</div>
				<span>
				<a class="btn btn-primary radius addFormula" id="export" v-on:click="exportReport()">导出{{pageInfo.total}}条记录</a>
			</span>
            </form>
	        <div class="cl pd-5 bg-1 bk-gray mt-20" style="text-align: center">
	            <span class="l">
	                <a class="btn btn-primary radius addFormula" id="addButton" v-on:click="addOrUpdatePanel('add')">添加</a>
	            </span>
				<span class="c">
						总播放次数：{{num}}条
				</span>
	            <span class="r" v-cloak>
	            	共有数据：{{pageInfo.total}}条
	            </span>
	        </div>
	        <form >
	            <table class="table table-border table-bordered table-bg">
	                <thead>
	                <tr class="text-c">
	                <!--TODO 生成表头-->
						<th :style="'display:'+ dp.advCode">广告编号</th>
						<th :style="'display:'+ dp.equipmentCode">设备编号</th>
						<th :style="'display:'+ dp.province">省</th>
						<th :style="'display:'+ dp.city">市</th>
						<th :style="'display:'+ dp.area">区</th>
						<th>广告来源</th>
						<!--<th :style="'display:'+ dp.sex">性别</th>-->
						<th>播放次数</th>
	                </tr>
	                </thead>
	                <tbody v-cloak >
	                    <!--<tr class="text-c" v-for="(item,index) in pageInfo.list" v-on:dblclick="updateInit(index)">-->
						<tr class="text-c" v-for="(item,index) in pageInfo.list">
							<td :style="'display:'+ dp.advCode">{{item.advCode}}</td>
							<td :style="'display:'+ dp.equipmentCode">{{item.equipmentCode}}</td>
							<td :style="'display:'+ dp.province">{{item.province}}</td>
							<td :style="'display:'+ dp.city">{{item.city}}</td>
							<td :style="'display:'+ dp.area">{{item.area}}</td>
							<td :style="'display:'+ dp.cameFrom">
								<span v-if="item.cameFrom==1">奥森平台</span>
								<span v-else-if="item.cameFrom==2">美数平台</span>
								<span v-else-if="item.cameFrom==3">百度平台</span>
								<span v-else-if="item.cameFrom==4">点屏平台</span>
								<span v-else-if="item.cameFrom==5">易售平台</span>
								<span v-else-if="item.cameFrom==6">钼媒平台</span>
								<span  v-else>未知</span>
							</td>
							<!--<td :style="'display:'+ dp.sex">-->
								<!--<span v-if="item.sex == 1">男</span>-->
								<!--<span v-if="item.sex == 0">女</span>-->
								<!--<span v-if="item.sex == 2">不限</span>-->
							<!--</td>-->
							<td>{{item.num}}</td>
	                    </tr>
	                </tbody>
	            </table>
	        </form>
        
	        <div class="pageBox" v-cloak id="pageBox" >
	        	<div class="pageInfo">显示 <span id="startRow">{{pageInfo.startRow}}</span> 到 <span id="endRow">{{pageInfo.endRow}}条</span>&nbsp;&nbsp;&nbsp;&nbsp;{{pageInfo.pages}}页&nbsp;&nbsp;&nbsp;&nbsp;共 <span id="total">{{pageInfo.total}}</span> 条
	                <select v-model="selectedPageSize" v-on:change="getList('changePageSize')">
						<option value="5">5</option>
	                    <option value="10">10</option>
	                    <option value="15">15</option>
	                    <option value="20">20</option>
	                    <option value="50">50</option>
	                </select>
	             </div>
	        	<ul class="pagination" id="pagination"></ul>
	        </div>
	        <div class="tips"  id="noData" align="center" style="display: none">
	        	无数据
	        </div>
        </div>

	    	<!--TODO 添加、更新弹窗-->
	        <form class="form form-horizontal" id="addPanel" style="display: none">
	        <table class="table" border='0' width='100%'>
	            <tr>
				    <td width="30%" align="right" nowrap="nowrap">
				        
				    </td>
				    <td width="30%" style="margin-left: 0px">
				        
				    </td>
				    
				    <td width="40%" ></td>
				</tr>

			    <tr>
				    <td  align="right" nowrap="nowrap">
				        <label class="form-label" style="padding:0px">
				            位置编号：
				        </label>
					</td>
					<td >
				        <input type="text" class="input-text radius" name="postionCode" v-model="postionCode" placeholder="请填写位置编号"/>
				    </td>
				    
				    <td  ><span class="Validform_checktip Validform_wrong errorInfo" v-if="postionCodeErr!=''">{{postionCodeErr}} </span></td>
				</tr>
			    
			    <tr>
				    <td  align="right" nowrap="nowrap">
				        <label class="form-label" style="padding:0px">
				            设备编号：
				        </label>
				    </td>
				    <td >
				        <input type="text" class="input-text radius" name="equipmentCode" v-model="equipmentCode" placeholder="请填写设备编号"/>
				    </td>
				    
				    <td  ><span class="Validform_checktip Validform_wrong errorInfo" v-if="equipmentCodeErr!=''">{{equipmentCodeErr}} </span></td>
				</tr>
			    
			    <tr>
				    <td  align="right" nowrap="nowrap">
				        <label class="form-label" style="padding:0px">
				            广告编号：
				        </label>
				    </td>
				    <td >
				        <input type="text" class="input-text radius" name="advCode" v-model="advCode" placeholder="请填写广告编号"/>
				    </td>
				    
				    <td  ><span class="Validform_checktip Validform_wrong errorInfo" v-if="advCodeErr!=''">{{advCodeErr}} </span></td>
				</tr>
			    
			    <tr>
				    <td  align="right" nowrap="nowrap">
				        <label class="form-label" style="padding:0px">
				            性别：
				        </label>
				    </td>
				    <td >
				        <input type="text" class="input-text radius" name="sex" v-model="sex" placeholder="请填写性别"/>
				    </td>
				    
				    <td  ><span class="Validform_checktip Validform_wrong errorInfo" v-if="sexErr!=''">{{sexErr}} </span></td>
				</tr>
			    
			    
			    <tr>
				    <td  align="right" nowrap="nowrap">
				        <label class="form-label" style="padding:0px">
				            地址：
				        </label>
				    </td>
				    <td >
				        <input type="text" class="input-text radius" name="advPath" v-model="advPath" placeholder="请填写地址"/>
				    </td>
				    
				    <td  ><span class="Validform_checktip Validform_wrong errorInfo" v-if="advPathErr!=''">{{advPathErr}} </span></td>
				</tr>
			    
			    
			    
			    
			    
				<tr>
					<td class="text-r" ></td>
				    <td class="text-c" >
				    	<a class="btn btn-primary radius" id="addCancel" v-on:click="reset">重置</a>
				        <a class="btn btn-primary radius"  id="saveDictType" v-on:click="save">保存</a>
				    </td>
				    <td></td>
				</tr>
	        </table>
	        </form>    
    </div>
	</body>

</html>
<script type="text/javascript" src="../js/common/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../lib/layer/1.9.3/layer.js" ></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="../lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/common/H-ui.js"></script>
<script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
<script type="text/javascript" src="../js/utils/utils.js"></script>
<script type="text/javascript" src="../js/currency/vue.js"></script>
<script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/currency/base.js"></script>
<script type="text/javascript" src="../js/currency/jqPaginator.js"></script>
<script type="text/javascript" src="../js/advPlayReport.js"></script>
